import React,{useState,useCallback} from 'react'
import { Routes,Route,Navigate } from 'react-router';
import 'antd/dist/antd.css';


import Movie from './views/Movie';
import Index from './views/Index';
import MovieDetail from './views/MovieDetail';


function App() {

        return (
                <div className="container">
                        <Routes>
                                <Route path='/' element={<Navigate to='/index' />} ></Route>
                                <Route path="/index/*" element={<Index />}></Route>
                                <Route path='/movie/*' element={<Movie />}/>
                                <Route path='/detail/:id' element={<MovieDetail/>} />
                        </Routes>
                </div>
        )
}
export default App